<ion-header>

  <div class="uh ubb bor_b bc-head" data-control="HEADER" id="Header">
    <div class="ub">
      <div class="nav-btn" id="nav-left" (click)="navCtrl.pop()">
        <div class="ub-img1 back_btn_img"></div>
      </div>
      <div class="ub ub-ac ub-pc ub-f1" style="height: 2.63em;" (click)="pop()">
        <div class="" id="type1">
          总战况（发起）
        </div>
        <div class="ub-img icon"></div>
      </div>
      <div class="nav-btn" id="nav-right"></div>
    </div>
    <div class="ub ub-ver">
      <div class="bc-head">
        <div class="ub ub-ac ub-pc ub-f1" style="height: 2.63em;">
          <div class="ub" (click)="pop_m()">
            <div class="color666" id="type2">
              近一个月
            </div>
            <div class="ub-img icon1"></div>
          </div>

        </div>
      </div>
      <!-- 左右挑战数 -->
      <div class="pad_left7 pad_right7 bc-head" style="padding-bottom: 1em;">
        <div class="ub color_white">
          <div class="ub ub-ver ub-f1 ub-con  bc_red sekuai1 ">
            <div class="ub" style="padding: 0.5em 0.8em 0em 0.8em;">
              <div class=" ub-f1 umar-t">
                参加人数
              </div>
              <div class="ub-img iconren_img"></div>
            </div>
            <div id="JoinNum" class="ub ub-f1" style="padding: 0em 0em 0em 0.5em;font-size: 2em;">

            </div>
          </div>
          <div class="" style="width: 0.8em;"></div>
          <div class="ub ub-ver sekuai2 ub-f1 ub-con">
            <div class="ub" style="padding: 0.5em 0.8em 0em 0.8em;">
              <div class=" ub-f1 umar-t">
                挑战数
              </div>
              <div class="ub-img iconren_img1"></div>
            </div>
            <div id="DekaronNum" class="ub" style="padding: 0em 0em 0em 0.5em;font-size: 2em;">

            </div>
          </div>
        </div>
      </div>
      <div class="ub color666 bc-head tabheight mar_t5">
        <div class="ub ub-ac ub-pc ub-f1 umh4 bor_tex_red" id="btn1" (click)="qiehuan(this.id)">
          健身
        </div>
        <div class="ub ub-ac ub-pc ub-f1 umh4 " id="btn2" (click)="qiehuan(this.id)">
          健脑
        </div>
        <div class="ub ub-ac ub-pc ub-f1 umh4 " id="btn3" (click)="qiehuan(this.id)">
          健财
        </div>
        <div class="ub ub-ac ub-pc ub-f1 umh4 " id="btn4" (click)="qiehuan(this.id)">
          健心
        </div>
        <div class="ub ub-ac ub-pc ub-f1 umh4 " id="btn4">
          <span id="type3" (click)="pop_n()">全部</span>
          <div (click)="pop_n()" class="ub-img icon1"></div>
          <div id="pop3" class="ub ub-ver uba bc-border bc-head color_black" style="visibility:collapse; position:absolute;z-index: 6666;top: 2.5em;left: 0.5em;width:5em;height: 9em;">
            <div class="ub ub-f1 ub-ac ub-pc" (click)="closePop1_n(1)">
              全部
            </div>
            <div class="ub ub-f1 ub-ac ub-pc" (click)="closePop1_n(2)">
              单人
            </div>
            <div class="ub ub-f1 ub-ac ub-pc" (click)="closePop1_n(3)">
              对战
            </div>
            <div class="ub ub-f1 ub-ac ub-pc" (click)="closePop1_n(4)">
              多人
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>
</ion-header>


<ion-content>
  <div class=" " data-control="CONTENT" id="ScrollContent_dMIpN4" style="padding-top: 15.5em;">
    <div class="scrollbox">
      <div class="box_bounce ub ub-ver ub-pc">
        <div class="ub-f1"></div>
        <div class="bounce_status">
          下拉更新......
        </div>
        <div class="bounce_status">
          松手更新......
        </div>
        <div class="bounce_status">
          更新中......
        </div>
      </div>
      <div class="bc-bg ub ub-ver" id="content">

        <div class="pad_left7 pad_right7 maxW bor  bc-head" id="btn1_y">



        </div>
        <div class="pad_left7 pad_right7 maxW bor  bc-head" style="display: none;" id="btn2_y"></div>
        <div class="pad_left7 pad_right7 maxW bor  bc-head" style="display: none;" id="btn3_y"></div>
        <div class="pad_left7 pad_right7 maxW bor  bc-head" style="display: none;" id="btn4_y"></div>
      </div>

    </div>

  </div>
  <div id="pop" (click)="closePop()" class="ub ub-pc" style="position:fixed;z-index:99999;top: 0em;width: 100%;height: 100%;visibility: collapse;">
    <div class="ub ub-ver ub-ac ub-pc uba bc-border bc_white" style="width: 40%;height: 10em;margin-top: 2.63em;">
      <div (click)="closePop1(1)" class="ub ub-ac ub-pc umh5 ">
        总战况（发起）
      </div>
      <div (click)="closePop1(2)" class="ub ub-ac ub-pc umh5 ">
        总战况（进行）
      </div>
      <div (click)="closePop1(3)" class="ub ub-ac ub-pc umh5 ">
        总战况（结束）
      </div>
    </div>
  </div>
  <div id="pop2" (click)="closePop_m()" class="ub ub-pc" style="position:fixed;z-index:99999;top: 0em;width: 100%;height: 100%;visibility: collapse;">
    <div class="ub ub-ver ub-ac ub-pc uba bc-border bc_white" style="width: 40%;height:10em;margin-top: 5em;">
      <div (click)="closePop1_m(1)" class="ub ub-f1 ub-ac ub-pc  ">
        近一个月
      </div>
      <div (click)="closePop1_m(2)" class="ub ub-f1 ub-ac ub-pc  ">
        近三个月
      </div>
      <div (click)="closePop1_m(3)" class="ub ub-f1 ub-ac ub-pc  ">
        近半年
      </div>
      <div (click)="closePop1_m(4)" class="ub ub-f1 ub-ac ub-pc  ">
        近一年
      </div>
    </div>
  </div>
  <div id="pop4" (click)="closePop_n()" style="position: absolute;z-index: 0;left: 0em;top: 0em;width: 100%;height: 100%;visibility: collapse;"></div>
</ion-content>
